*{ 
    margin: 0;
}
body{
    overflow-x: hidden;
    margin: 0 auto;
}
html{
    margin: 0px;
    padding: 0px;
}

div.background-plate{
    position: relative;
}
/* 头部css代码 */
header{
    width: 100%;
    height: 160px;
    margin-top: 0;
}
/* 头部css代码——顶部右侧信息 */
div.header-top{
    width: 100%;
    height: 36px;
    background-color: #333333; 
}
div.header-top-nav{ 
    width:1090px;
    height: 36px;
    background-color: #333333; 
    margin: 0 auto;
}
div.header-top-nav-inform{
    width: 254px;
    height:  36px;
    float: left;
    margin-left: 20px;
    line-height: 36px; 
} 
div.header-top-nav-inform a{
    color: goldenrod;
     font-size: 12px;  
    cursor: pointer;
    padding-left:8px ;
}
div.header-top-nav-inform a:hover,ul.header-top-nav li a:hover{ 
    text-decoration: none; 
    color: white;
}
/* 头部css代码——顶部左侧导航 */
ul.header-top-nav{
    display: block;
    list-style-type: none; 
    width: 480px;
    height: 36px;
    float: right ; 
    margin: 8px 0;
    padding-right: 0;
}
ul.header-top-nav::after{
    clear: both;
    display: block;
    content: '';
}
ul.header-top-nav > li{
    float: left;
     margin:0;
     padding:0 5px;
     color: white;
}
ul.header-top-nav li a{ 
    text-decoration: none; 
    color: #cccccc;
    font-size: 12px;  
    cursor: pointer;
}
/* 头部css代码——顶部右侧二级菜单 */
.inner1 li,.inner2 li{
  display: inline-block;
  height: auto;
  border-bottom: 1px solid #cccccc;
  text-align: center;
  margin: 5px 0;
  color: #333333;
}
.inner1{
    width: 68px;
    height: 85px;
    font-size: 12px;
    list-style-type: none;
    display: none;
    position: relative;
    z-index: 100;
    background-color: #f7f7f7;
    padding: 0px;
    margin-top: 10px;
    text-align: center;
}
.inner2{
    width: 68px;
    height: 110px;
    font-size: 12px;
    list-style-type: none;
    display: none;
    position: relative;
    z-index: 100;
    background-color: #ffffff;
    padding: 0px;
    margin-top: 10px;
    text-align: center;
}
.header-top-nav li:hover .inner1{
    display: block;
}

.header-top-nav li:hover .inner2 {
    display: block;
}
/* #qiyecaigou{
    list-style-type: none;
    width: 63px;
    height: 100px;
    background-color: #ffffff;
    font-size: 14px;
    color: #4e4e4e;
    text-align: center;
    border-bottom: 1px solid #cccccc;
    display: none;
}  
#kehufuwu{
    list-style-type: none;
    width: 73px;
    height: 150px;
    position: absolute;
    display: none; 
    background-color: #cccccc;
    border-bottom: 1px solid #cccccc;
    display: none;
}
#qiye:hover #qiyecaigou {
   display: block;
}
#kehu:hover #kehufuwu{
    display: block;
} */
/* 头部css代码——底部 */
div.header-bottom{ 
    width: 100%;
    height: 140px;
    padding: 0;
    margin: 0 auto;
}
div.header-bottom-content{ 
    width: 1090px;
    height: 140px;
    margin: 0 auto; 
}
/* 头部css代码——底部logo部分 */
div.logo{
    width: 212px;
    height: 60px;
    line-height: 80px;
    float: left;
    margin-top: 8px;
}
div.logo>img{ 
    width: 212px;
    height: 60px;
    margin: 20px ;
} 
/* 头部css代码——底部搜索栏部分 */
div.header-search{
    width:752px;
    height: 60px;
    line-height: 80px;
    float:right; 
    line-height: 80px;
    margin-left: 60px;
} 
#header-search-input{ 
    border-bottom-left-radius: 19px;
    border-top-left-radius: 19px; 
    border:1px solid #cc9756;
    box-sizing: border-box;
    padding: 15px;
    font-size: 14px;
    height: 38px;
    width: 442px;  
    float: left;
    margin-top: 20px;
    margin-right: 0; 
}
.icon-sousuo{
    position: absolute;
    display: block;
    float: left;
    margin-left: 10px;
}
div.header-search-button{ 
    height: 38px;
    width: 90px;
    border-bottom-right-radius: 19px;
    border-top-right-radius: 19px; 
    background-color:#cc9756 ;
    font-size: 16px;
    text-align: center; 
    color: white; 
    float: left;
    line-height: 38px;
    margin: 20px 20px 0 0; 
    cursor: pointer;
}
div.shopping-cart{
    height: 37px;
    width: 133px;
    border:1px solid #cc9756;
    border-radius: 19px;
    float: left;
    color: #cc9756;
    line-height: 38px;
    text-align: center;  
    margin: 20px 0 0 20px; 
    cursor: pointer;
}

div.hotkeyword-list{
    width: 400px ;
     float :right ;
     margin-right: 300px;
} 
div.hotkeyword-list a{
    color: #cc9756;  
    font-size: 12px;
    text-decoration: none;
    display: inline;
}


/* div.header-bottom-nav{ 
    margin: 0 auto;
    width: 1090px;
    height: 500px;
    padding-left:0 ;
   background-color: white;
    position: sticky;
    top: 0px;
    border: 1px solid rebeccapurple;
}
ul.header-bottom-nav{ 
    width: 100%;
    height: 300px;
    display: inline-block;
    padding: 0;
}
ul.header-bottom-nav li{
    padding: 10px 0;
    list-style-type: none;
    margin-right:40px ;
    float: left;
}
ul.header-bottom-nav li a{
    text-decoration: none; 
    color: black;
    font-weight: bold;
    padding-bottom: 6px;
}
ul.header-bottom-nav li a:hover{
    color: #cc9756;
    border-bottom: 3px solid #cc9756;
} */

/* 大导航栏部分 */
div.header-bottom-nav{ 
    margin: 0 auto;
    width: 1090px;
    height: 30px;
    padding-left:0 ;
    background-color: white;
    margin-bottom: 5px;
    position: sticky;
    top: 0px;
}
ul.header-bottom-nav{ 
    width: 1090px;
    height: 30px;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-around;
    position: relative;
}
ul.header-bottom-nav>li{
   
    list-style-type: none;
    float: left;
}
ul.header-bottom-nav p{
    margin: 5px 0 0 0;
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 5px;
    
}

ul.header-bottom-nav p:hover{
    color: #cc9756;
    border-bottom: 3px solid #cc9756;
}

/* 大导航栏部分——二级菜单 */

#header-bottom-nav-outer{
    width: 100%;
    height: 270px;
    margin: 0 auto;
    padding: 0px;
    position: absolute;
    left: 0px;
    top: 30px;
    /* display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    justify-content: space-around; */
    background-color: white;
    border-top: 1px solid #cccccc;
}

#header-bottom-nav-outer>li{
    height: 30px;
    width: 80px;
    float: left;
    list-style-type: none;
    margin: 5px 35px 15px 35px;
   
}
#header-bottom-nav-outer>li p{
    border-bottom: 1px solid #cccccc;
}
ul.header-bottom-nav-inner {
    position: absolute;
    top: 40px;
    width: 120px;
    height: 200PX;
    padding-left: 0px;
    margin-left: 0px;
    text-align: left;
}
ul.header-bottom-nav-inner li{
    font-size: 16px;
    position: relative;
    padding: 5px;
}

#header-bottom-nav-outer{
    display: none ;
}

.header-bottom-nav li:hover #header-bottom-nav-outer{
    display: flex;
}

/* 体部部分 */

article{
    margin-top: 10px;
    width:100% ;
    /* height: 3500px; */
    margin: 0 auto;
}

/* 大轮播图部分 */
div.big-picture{
    width: 1920px;
    height: 420px;
    overflow: hidden;
    margin: 0 auto;
}
div.big-picture::after{
    content: "";
    display: block;
    clear: both;
}
div.big-picture-move{
    width: 11520px;
    height: 420px;
    animation-name: big-picture-move;
    animation-timing-function: steps(6);
    animation-iteration-count: infinite;
    animation-duration: 10s;
}
div.big-picture-move div{
    float: left;
    width: 1920px;
    height: 420px;
}
div.big-picture-move>img{
    width: 1920px;
    height: 420px;
}

/* 大轮播图部分——动画效果 */
@keyframes big-picture-move{
    from{
        margin-left:0px ;
    }
    to{
        margin-left: -11520px;
    }
}
/* 
div.big-picture{
    width: 1920px;
    height: 420px;
    padding: 10px;
    margin: 0 auto;
}
div.big-picture>img{
    width: 1920px;
    height: 420px;
    margin: 0 auto;
} */

/* 侧边导航栏——热销榜 */
div.hot-goods{
    width: 100%;
    margin: 0 auto;
    position: sticky;
    top: 10px;
    z-index: 100;
}
div.hot-goods-nav{
    /* height: 378px; */
    width: 110px;
    float: left;
    position: sticky;
    top: 50px;
    left: 90px;
    border: 1px solid #cccccc;
    border-radius: 4px;
    background-color: white;
    cursor: pointer;
    z-index: 100;
}
div.hot-goods-nav::after{
    content: "";
    display: block;
    clear: both;
}
div.hot-goods-nav p{
    width: 110px;
    height: 38px;
    color: #bb3343;
    text-align: center;
    line-height: 38px;
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 2px;
    border-bottom: 1px solid #cccccc;
}
ul.hot-goods-nav {
    /* height: 364px; */
    width: 110px;
    padding: 0px;
    margin: 0 auto;
}
ul.hot-goods-nav li{
    list-style-type: none;
    width:90px;
    /* height: 36px; */
    border-bottom: 1px solid #cccccc;
    display: flex;
    text-align: center;
    margin: 0 auto;
    margin-bottom: 2px;
}
ul.hot-goods-nav li:last-child{
    border-bottom: none;
}
ul.hot-goods-nav li>img{
    width: 30px;
    height: 30px;
    display: block;
    float: left;
    margin-left: 7px;
    margin-right: 0px;
}
ul.hot-goods-nav li span{
    color: black;
    font-size: 12px;
    width: 86px;
    height: 35px;
    margin-left: 3px;
    display: inline-block;
    text-align: left;
}
ul.hot-goods-nav li span:hover{
    color: #bb3343;
    font-weight: bold;
    cursor: pointer;
}

/* 新品首发部分 */
div.new-arrival{
    /* width: 1090px; */
    height: 510px;
    margin: 0 auto;
    margin-top: 30px;
    overflow: hidden;
    position: relative;
}
div.new-arrival::after{
        content: "";
        display: block;
        clear: both;
}
#new-arrival{
    width: 1090px;
    margin: 0 auto;
}
/* 新品首发头部 */
div.new-arrival-header{
    width: 100%;
    height: 48px;
}
div.new-arrival-header h3{
    float: left;
    width: 112px;
    height: 28px;
    font-size: 28px;
    padding-right: 10px;
    margin-bottom: 10px;
    cursor: pointer;
}
div.new-arrival-header h3:hover{
    color: #cc9756;
}
div.new-arrival-header span{
    width: 112px;
    height: 27px;
    line-height: 27px;
    display: block;
    float: left;
    font-size: 14px;
    margin-left: 0;
    padding-top: 13px;
    cursor: pointer;
}
div.new-arrival-header-more{
    float: right;
    width: 71px;
    height: 28px;
    padding-top: 13px;
    margin-right: 20px;
    font-size: 14px;
    cursor: pointer;    
}
div.new-arrival-header-more a{
    color: black;
    text-decoration: none;
}
div.new-arrival-header-more a:hover{
    color: #cc9756;
}
/* 新品首发内容部分 */
div.new-arrival-content{
    width: 1090px;
    /* height: 450px; */
    background-color: rgb(255, 255, 255);
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    position: relative;
}
div.new-arrival-content::after{
    content: "";
    display: block;
    clear: both;
}
div.new-arrival-content div{
    width: 265px;
    /* height: 365px; */
}
div.new-arrival-content div>section:first-child{
    width: 265px;
    height: 265px;
}
/* div.new-arrival-content div>section:first-child>img{
    width: 265px;
    height: 265px;
} */
div.new-arrival-content div>section p{
    text-align: center;  
}
div.new-arrival-content div>section p:hover{
    color: #cc9756;
}
div.new-arrival-content div>section p:first-child {
    margin: 5px 0;
    height: 20px;
    font-size: 14px;
    color:white;
}
div.new-arrival-content div>section p:first-child span{
    display: inline-block;
    padding: 2px;
    height: 20px;
    background-color: #e36844;
}
div.new-arrival-content div>section p:nth-child(2){
    width: 166px;
    height: 35px;
    font-size: 14px;
    text-align: center;
    padding: 3px 0;
    font-weight: bold;
    margin: 0 auto;
}
div.new-arrival-content div>section p:last-child .span1{
    font-size: 14px;
    color: red;
}
div.new-arrival-content div>section p:last-child .span2{
    font-size: 14px;
    color: #cccccc;
    text-decoration: line-through;
}
/* 新品首发部分 —— 过渡效果设置*/
.good1{
    background-image: url(./新品首发/1.png);
    background-repeat: no-repeat;
}
.good1:hover{
    background-image: url(./新品首发/2.webp);
}
.good2{
    background-image: url(./新品首发/2.png);
    background-repeat: no-repeat;
}
.good2:hover{
    background-image: url(./新品首发/1.webp);
}

.good3{
    background-image: url(./新品首发/3.png);
    background-repeat: no-repeat;
}
.good3:hover{
    background-image: url(./新品首发/4.webp);
}

.good4{
    background-image: url(./新品首发/4.png);
    background-repeat: no-repeat;
}
.good4:hover{
    background-image: url(./新品首发/3.webp);
}

/* 好物推荐部分 */
div.recommend-bg{
    /* width: 1920px; */
    height: 740px;
    background-color: #f4f0ea;
}
div.recommend{
    width: 1090px;
    /* height: 618px; */
    margin: 0 auto;
    padding-top: 20px;
    
}
/* div.recommend-bg::after{
    content: "";
    display: block;
    clear: both;
} */
/* 好物推荐头部分 */
div.recommend-header{
    width: 100%;
    height: 48px;
}
div.recommend-header h3{
    font-size: 28px;
    float: left;
    width: 112px;
    height: 28px;
    margin-bottom: 5px;
    padding-right: 25px;
    cursor: pointer;
}
div.recommend-header h3:hover{
    color: #cc9756;
}
div.recommend-header span{
    width: 102px;
    height: 27px;
    line-height: 27px;
    display: block;
    float: left;
    font-size: 14px;
    margin-left: 0;
    padding-top: 13px;
    cursor: pointer;
}
div.recommend-header-more{
    float: right;
    width: 71px;
    height: 28px;
    padding-top: 13px;
    margin-right: 20px;
    font-size: 14px;
    cursor: pointer;
}
div.recommend-header-more a{
    color: black;
    text-decoration: none;
}
div.recommend-header-more a:hover{
    color: #cc9756;
}
/* 好物推荐内容部分 */
div.recommend-content{
    width: 1090px;
    height: 570px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    /* position: relative; */
}
div.recommend-content::after{
    content: "";
    display: block;
    clear: both;
}
div.recommend-content>div{
    width: 223px;
    height: 570px;
    margin: 0 auto;
    display: flex;
    flex-direction:column; 
    justify-content: space-between;
    
}
div.recommend-content > div:first-child{
    width: 390px;
    background-color: white;
    
}

div.recommend-content-items {
    width: 223px;
    height: 180px;
    
}
div.recommend-content-items div>section:first-child{
    overflow: hidden;
}
div.recommend-content-items div>section:first-child>img{
    width: 223px;
    height: 180px;
    transition-property: all;
    transition-duration: 2s;
    
}
div.recommend-content-items div>section:first-child>img:hover{
    width: 240px;
    height: 190px;
}
#recommend-content-item1{
    overflow: hidden;
}
#recommend-content-item1>img{
    width: 390px;
    height: 400px;
    transition-property: all;
    transition-duration: 2s;
    overflow: hidden;
}
#recommend-content-item1>img:hover{
    width: 400px;
    height: 410px;
}
#recommend-content-item2{
    width: 390px;
}
div.recommend-content div>section:last-child{
    background-color: white;
}
div.recommend-content div>section p{
    text-align: center;
    
}
div.recommend-content div>section p:hover{
    color: #ddb689;
    cursor: pointer;
}

div.recommend-content div>section p:first-child {
    margin: 5px 0;
    height: 20px;
    font-size: 14px;
    color:white;
}
div.recommend-content div>section p:first-child span{
    display: inline-block;
    padding: 2px;
    height: 20px;
    background-color: #e36844;
}
div.recommend-content div>section p:nth-child(2){
    width: 166px;
    height: 35px;
    font-size: 14px;
    text-align: center;
    padding: 3px 0;
    font-weight: bold;
    margin: 0 auto;
}
div.recommend-content div>section p:last-child .span1{
    font-size: 14px;
    color: red;
}
div.recommend-content div>section p:last-child .span2{
    font-size: 14px;
    color: #cccccc;
    text-decoration: line-through;
}


/* 限时购 */
div.flash-sale{
    width: 1090px;
    height: 510px;
    margin: 0 auto;
    margin-top: 30px;
}
/* 限时购头部分 */
div.flash-sale-header{
    width: 100%;
    height: 48px;
}
div.flash-sale-header h3{
    float: left;
    width: 92px;
    height: 28px;
    margin-bottom: 15px;
    font-size: 28px;
    cursor: pointer;
}
div.flash-sale-header h3:hover{
    color: #cc9756;
}
div.flash-sale-header-more{
    float: right;
    width: 71px;
    height: 28px;
    padding-top: 13px;
    margin-right: 20px;
    font-size: 14px;
    cursor: pointer;
}
div.flash-sale-header-more a{
    color: black;
    text-decoration: none;
}
div.flash-sale-header-more a:hover{
    color: #cc9756;
}
/* 限时购内容部分 */
div.flash-sale-content{
    width: 100%;
    height: 430px;
}
div.flash-sale-content1{
    width: 220px;
    height: 429px;
    float: left;
}
div.flash-sale-content1>img{
    width: 220px;
    height: 429px;
}
div.flash-sale-content2{
    width: 428px;
    height: 214px; 
    float: left;
    border: 1px solid #f3efe9;
}
div.content-picture{
    width: 180px;
    height: 180px;
    float: left;
}
div.content-picture>img{
    width: 180px;
    height: 180px;
    transition-property: all;
    transition-duration: 2s;
}
div.content-picture>img:hover{
    width: 200px;
    height: 200px;
}
div.content-intro{
    margin-top: 15px;
    width: 245px;
    height: 187px;
    float: left;
    font-size: 12px;
    color: rgb(80, 80, 80);
}
div.content-intro h3{
    font-weight: normal;
    font-size: 16px;
    margin-bottom: 10px;
    cursor: pointer;
}
div.content-intro h3:hover{
    color: #ddb689;
}
progress{
    border-radius: 19px;
    border: 2px solid white;
    margin: 10px 0;
}
progress::-webkit-progress-bar{
    background-color: white;
    border-radius: 19px;
}
progress::-webkit-progress-value{
    background-color: rgb(240, 128, 147);
    border-bottom-left-radius: 19px;
    border-top-left-radius: 19px;
}

div.content-intro p{
    color:#be4141;
    font-size: 14px;
    margin-bottom: 10px;
}
span.flash-span1,span.flash-span3{
    font-size: 12px;
    color: gray;
}
span.flash-span2{
    color:#be4141;
    font-weight: bolder;
    font-size: 20px;
}
span.flash-span3{
    text-decoration: line-through;
}
p.sale-button{
    width: 118px;
    height: 31px;
    text-align: center;
    line-height: 31px;
    background-color:#be4141;
    cursor: pointer;
}
p.sale-button:hover{
    background-color:#be4141cb;
}
p.sale-button span{
    color:white;
    
}

/* 严选全球 */

div.select-global{
    width: 1090px;
    height: 789px;
    margin: 0 auto;
    margin-top: 40px;
}

/* 严选全球头部 */
div.select-global-header{
    width: 100%;
    height: 48px;
}
div.select-global-header h3{
    float: left;
    width: 112px;
    height: 28px;
    margin-bottom: 15px;
    font-size: 28px;
}
div.select-global-header h3:hover{
    color: #cc9756;
}

div.select-global-header-more{
    float: right;
    width: 610px;
    height: 28px;
    padding-top: 13px;
    margin-left: 20px;
    font-size: 14px;
}
div.select-global-header-more a{
    color: black;
    text-decoration: none;
    padding: 10px;
}
div.select-global-header-more a:hover{
    color: #cc9756;
}
/* 严选全球轮播图 */
div.select-global-picture{
    width: 1090px;
    height: 310px;
    overflow: hidden;
    margin: 0 auto;
}
div.select-global-picture-move{
    width: 3270px;
    height: 310px;
    animation-name: select-global-picture-move;
    animation-timing-function: steps(3);
    animation-iteration-count: infinite;
    animation-duration: 10s;
}
div.select-global-picture-move div{
    float: left;
    width: 1090px;
    height: 310px;
}
div.select-global-picture-move>img{
    width: 1090px;
    height: 310px;
}

/* 严选全球动画设置 */
@keyframes select-global-picture-move{
    from{
        margin-left:0px ;
    }
    to{
        margin-left: -3270px;
    }
}

/* 严选全球内容部分 */
div.select-global-content{
    width: 1090px;
    height: 510px;
    background-color: rgb(255, 255, 255);
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
}
div.select-global-content div{
    width: 265px;
    height: 365px;
}
div.select-global-content div>section:first-child{
    width: 265px;
    height: 265px;
    cursor: pointer;
}
div.select-global-content div>section:first-child>img{
    width: 265px;
    height: 265px;
}
div.select-global-content div>section p{
    text-align: center;
    cursor: pointer;
}
div.select-global-content div>section p:hover{
    color: #ddb689;
}
div.select-global-content div>section p:first-child {
    margin: 5px 0;
    height: 20px;
    font-size: 14px;
    color:white;
}
div.select-global-content div>section p:first-child span{
    display: inline-block;
    padding: 2px;
    height: 20px;
    background-color: #e36844;
}
div.select-global-content div>section p:nth-child(2){
    width: 166px;
    height: 35px;
    font-size: 14px;
    text-align: center;
    padding: 3px 0;
    font-weight: bold;
    margin: 0 auto;
}
div.select-global-content div>section p:last-child .span1{
    font-size: 14px;
    color: red;
}


/* div.footer-nav-bg{
    width: 100%;
    height: 300px;
}
div.footer-nav{
    width: 1090px;
    height: 204px;
    margin: 0 auto;
} */

/*  脚部  */

div.footer{
    width: 100%;
    margin: 0 auto;
    position: relative;
}
div.footer-up{
    width: 1090px;
    height: 240px;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
}

/* 客户服务板块 */
div.customer-service{
    width: 33.333%;
    height: 204px;
   border-right:1px solid #ccccccaf;
   cursor: pointer;
}
div.customer-service>p{
    margin-bottom: 20px;
    font-size: 18px;
    text-align: center;
}

div.zaixiankefu{
    box-sizing: border-box;
    padding-top: 20px;
    width: 80px;
    height: 100px;
    display: inline-block;
    border: 1px solid #cccccc;
    margin-left:80px;
    text-align: center;
    margin-top: 20px;
    font-size: 14px;
    
}
div.yonghufankui{
    box-sizing: border-box;
    padding-top: 20px;
    width: 80px;
    height: 100px;
    display: inline-block;
    border: 1px solid #cccccc;
    margin-left: 20px;
    text-align: center;
    margin-top: 20px;
    font-size: 14px;
}
div.zaixiankefu:hover,div.yonghufankui:hover{
    color: #ddb689;
    
}

/* 何为严选 */
div.what-yanxuan{
    width: 33.333%;
    height: 204px;
    border-right:1px solid #ccccccaf;
}
div.what-yanxuan p{
    margin-bottom: 30px;
    font-size: 18px;
    text-align: center;
}
div.yanxuan-intro{
    margin: 0 auto;
    width: 300px;
    height: 80px;
    font-size: 13px;
}
div.what-yanxuan span{
    margin: 0px 0px 20px 20px;
    
}
div.what-yanxuan span>img{
   width: 32px;
   height: 32px;
   margin-top: 10px;
}


/* 扫描手机二维码 */
div.QR-code{
    width: 33.333%;
    height: 204px;
}
div.QR-code p{
    margin-bottom: 20px;
    font-size: 18px;
    text-align: center;
}
div.code{
    width: 104px;
    height: 104px;
    margin: 0 auto;
}
div.code>img{
    width: 104px;
    height: 104px;
    cursor: pointer;
}
div.QR-code span{
    width: 100%;
    font-size: 14px;
    color: #bdac8d;
    text-align: center;
    display: block;
    margin-top: 10px;
}

/* 脚部——企业相关 */
div.footer-down{
    width: 100%;
    height: 250px;
    background-color: #414141;
    margin: 0 auto;
    padding-top: 40px;
}
div.footer-down-up{
    margin: 0 auto;
    width: 1090px;
    height: 51px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    justify-content: space-between;
   margin-bottom: 40px;
}
div.footer-down-up div{
    width: 175px;
    height: 51px;
    text-align: center;
}
div.footer-down-up div>img{
    width: 50px;
    height: 50px;
    float: left;
}
div.footer-down-up p{
    width: 120px;
    height: 51px;
    color: #999999;
    text-align: center;
    line-height: 51px;
    margin-bottom: 20px;
    float: left;
}
div.about-us::before{
    content: "";
    display: block;
    clear: both;
}

/* 企业信息 */
div.about-us{
    margin-top: 40px;
    margin: 0 auto;
    width: 1090px;
    height: 118px;
    border-top: 1px solid rgba(131, 127, 127, 0.726);
}
div.about-us-header{
    width: 1090px;
    margin: 0 auto;
    text-align: center;
    margin-top: 30px;
    color: #999999;
}
div.about-us-header a{
    font-size: 12px;
    color: #999999;
    text-decoration: none;
    margin: 0 10px;
}
div.about-us p{
    margin: 10px 0px;
    text-align: center;
    font-size: 12px;
    width: 1090px;
    color: #999999;
}
div.about-us p a{
    font-size: 12px;
    color: #999999;
    text-decoration: none;
    margin: 0 8px;
}
div.about-us p>img{
    width: 23px;
    height: 25px;
}
div.about-us a:hover{
    color: white;
    text-decoration: underline;
}
/* div.sidenav{
    width: 100%;
    height: 100%;
    border:1px solid rgb(19, 238, 136);
    position: relative;
} */

/* 返回顶部导航栏 */

div.side-nav{
    width: 72px;
    height: 450px;
    float: right;
    text-align: center;
    color: #606465;
    position: sticky;
    left: 1445px;
    top: 10px;
    z-index: 100;
}
div.side-nav::after{
    content: "";
    display: block;
    clear: both;
}
div.side-nav div{
    border-bottom: 1px solid #eeeeee;
    cursor: pointer;
    background-color: white;
}
div.side-nav div:hover{
    color: #c69e65;
}
div.gift{
    box-sizing: border-box;
    height: 82px;
    font-size:14px;
    text-align: center;
    padding-top: 10px;
}
div.gift p{
    width: 72px;
    height: 29px;
}
div.sidenav-code{
    height: 140px;
    font-size:14px;
}
div.sidenav-code>img{
    width: 70px;
    height: 70px;
}
div.sidenav-code span{
    font-size: 12px;
    display: block;
    text-align: center;
}
div.sidenav-code p{
    font-size: 12px;
    color: #bc3b3b;
    text-align: center;
}
div.e-book{
    box-sizing: border-box;
    padding-top: 10px;
    height: 78px;
    font-size:14px;
}
div.online-service{
    box-sizing: border-box;
    padding-top: 10px;
    height: 82px;
    font-size:14px;
}
div.back-top{
    box-sizing: border-box;
    padding-top: 10px;
    height: 65px;
    font-size:14px;
}
div.back-top p{
    position: relative;
}
div.back-top a{
    text-decoration: none;
    color: #606465;
}
div.back-top a:hover{
    color: #c69e65;
}